<template>

  <div id="index">


    <el-header style="height: 40px;"></el-header>
    <!-- <el-container>
     <el-header style="height: 20px;">
      </el-header> -->
    <!--
            <el-header style="height: 100px;background-color: #fff;">
              <div class="mind-top-menu">
                <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"  text-color="#000">
                  <el-menu-item index="1">中心</el-menu-item>
                  <el-menu-item index="2">信息中心</el-menu-item>
                  <el-menu-item index="3" >商品管理</el-menu-item>
                  <el-menu-item index="4">订单管理</el-menu-item>
                  <el-submenu index="5">
                    <template slot="title">人员信息</template>
                    <el-menu-item index="2-1">表格形式查看</el-menu-item>
                    <el-menu-item index="2-2">卡片形式查看</el-menu-item>
                  </el-submenu>
                  <el-menu-item index="6">商品信息</el-menu-item>
                </el-menu>
              </div>
            </el-header> -->
  </div>
</template>


<script>
export default {
  methods: {
    handleClick (row) {
      console.log(row)
    }
  },
  data () {

    return {
      activeNames: ['1', '2'],
      count: 0,
      activeIndex: '1',
      activeIndex2: '1',
      percentage: 20
    }

  },
  methods: {
    handleSelect (key, keyPath) {
      console.log(key, keyPath)
    }
  },
  handleOpen (key, keyPath) {
    console.log(key, keyPath)
  },
  handleClose (key, keyPath) {
    console.log(key, keyPath)
  },
  load () {
    this.count += 2
  },
  handleChange (val) {
    console.log(val)
  }
}

</script>

<style scoped>

el-header, .el-footer {
  color: #333;
  /* text-align: center; */
  line-height: 40px;
}

.el-aside {
  background-color: #D3DCE6;
  color: #333;
  background: #2D3F51;

  /* line-height: 200px; */
}

.el-main {
  background-color: #E9EEF3;
  color: #333;

}

.el-header, .el-footer {

  color: #333;
  background-color: #fff;
  /* text-align: center; */
  /* line-height: 40px; */
}

body {
  margin: 0px;
  background-color: #EBEEF5;
  font-size: 15px;

}

.top {
  width: 100%;
  height: 45px;
  /* background-color: #00a65a; */
}


</style>
